    
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"><link rel="icon" href="https://static.jianshukeji.com/highcharts/images/favicon.ico">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>
            /* css 代码  */
        </style>
        
        <script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
        <script src="https://img.hcharts.cn/highcharts/modules/exporting.js"></script>
        <script src="https://img.hcharts.cn/highcharts/modules/oldie.js"></script>
        <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
    </head>
    <body>
        <div id="container" style="min-width:400px;height:400px"></div>
        <script>
            // JS 代码 
            var chart = Highcharts.chart('container', {
                chart: {
                    type: 'line'
                },
                title: {
                    text: '各学校 小学科学 综合情况对比'
                },
                subtitle: {
                    text: '2018 - 优博创客（北京）科技有限公司'
                },
                xAxis: {
                    categories: ['美好', '平和', '欠佳', '负面']
                },
                yAxis: {
                    title: {
                        text: '百分比'
                    }
                },
                plotOptions: {
                    line: {
                        dataLabels: {
                            enabled: true          // 开启数据标签
                        },
                        enableMouseTracking: true // 关闭鼠标跟踪，对应的提示框、点击事件会失效
                    }
                },
                series: [{
                    name: '北京市宣武回民小学',
                    data: [6.0, 4.0, 70.0, 10.0]
                }, {
                    name: '广东新塘五星学校',
                    data: [30, 20, 40, 0]
                }, {
                    name: '四川雅安四小汉碑校区',
                    data: [10, 20, 30, 40]
                }, {
                    name: '深圳市建安小学',
                    data: [80, 10, 5, 5]
                }, {
                    name: '茂名市官山学校',
                    data: [0, 0, 0, 0]
                }]
            });
        </script>
    </body>
</html>
    
    ​
    
    